<%-- 
    Document   : header
    Created on : 16/09/2014, 02:35:47 AM
    Author     : Willian
--%>
<%@ page language="java" session="false" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<div id="box-header">
    <div class="container">
        <div class="box-logo col span_8">
            <a href="${pageContext.request.contextPath}" title="Logotipo" target=""><img src="${pageContext.request.contextPath}/images/logo.gif" /></a>
        </div>
        <div class="box-top col span_16">
            <form action="${pageContext.request.contextPath}" method="get" name="search" id="box_search">
                <input type="text" name="s" id="s" />
                <input type="button" value="Buscar" class="boton" />
            </form>
            <ul>
                <li>
                    <a href="${pageContext.request.contextPath}/MapaDelPortal" >Mapa del Sitio</a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/FAQ" >Faq</a>
                </li>
                <li>
                    <sec:authorize access="isAuthenticated()">
                    <c:if test="${pageContext.request.userPrincipal.name != null}">
                        <a href="${pageContext.request.contextPath}/administrador/principal" >Entrar</a>
                    </li><li>
                        <c:url value="/j_spring_security_logout" var="logoutUrl" />
                        <a href="javascript:formSubmit();" >Salir</a>
                        <form action="${logoutUrl}" method="post" id="logoutForm" style="display: none;">
                            <input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}" />
                        </form>
                        <script>
                            function formSubmit() {
                                document.getElementById("logoutForm").submit();
                            }
                        </script>
                    </c:if>
                </sec:authorize>
                <sec:authorize access="isAnonymous()">
                    <a href="${pageContext.request.contextPath}/login" >Intranet</a>
                </li>
                </sec:authorize>
                <li>
                    <a href="${pageContext.request.contextPath}/Contacto" >Contacto</a>
                </li> 
            </ul>
        </div>
        <!-- <div style="display: block;text-align: right;padding-top: 45px;">
            <script type="text/javascript" src="http://counter1.statcounterfree.com/private/countertab.js?c=dcd5c1b3de231121efa023cb278dd809"></script>
        </div> -->
    </div>
    <div class="box-menu">
        <div class="container nav-holder">

            <ul id="example" class="sf-menu">
                <li id="menu-item-8795" class="menu-item-first menu-item menu-item-type-custom menu-item-object-custom menu-item-8795"><a href="${pageContext.request.contextPath}">Inicio</a>
                </li>
                <li id="menu-item-8795" class="menu-item-first menu-item menu-item-type-custom menu-item-object-custom menu-item-8795"><a href="#" onclick="return false;">Info Aire</a>
                    <ul class="sub-menu">
                        <li id="menu-item-8831" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8831"><a href="objetivo">Objetivo</a></li>
                        <li id="menu-item-8834" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8834"><a href="#">Informaci&oacute;n Hist&oacute;rica</a></li>
                    </ul>
                </li>
                <li id="menu-item-8796" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8796"><a href="#" onclick="return false;">Calidad de Aire</a>
                    <ul class="sub-menu">
                        <li id="menu-item-8831" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8831"><a href="concepto">Concepto</a></li>
                        <li id="menu-item-8832" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8832"><a href="fuentes">Fuentes y Contaminantes</a></li>
                        <li id="menu-item-8832" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8832"><a href="#" onclick="return false;">Glosario de T&eacute;rminos</a></li>
                    </ul>
                </li>
                <li id="menu-item-8803" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8803"><a href="#" onclick="return false;">&iquest;C&oacute;mo se mide la Calidad?</a>
                    <ul class="sub-menu">
                        <li id="menu-item-8831" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8831"><a href="#" >Protocolo</a></li>
                        <li id="menu-item-8832" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8832"><a href="#" >Estaciones</a></li>
                    </ul>
                </li>
                <li id="menu-item-8805" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8805"><a href="#" onclick="return false;">Gesti&oacute;n</a>
                    <ul class="sub-menu">
                        <li id="menu-item-8831" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8831"><a href="#">Zonas priorizadas</a></li>
                        <li id="menu-item-8832" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8832"><a href="#">Pron&oacute;stico</a></li>
                        <li id="menu-item-8832" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8832"><a href="#">Normativa</a></li>
                        <li id="menu-item-8832" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8832"><a href="#">Inventario de Estaciones</a></li>
                        <li id="menu-item-8832" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8832"><a href="#">Proyectos</a></li>
                        <li id="menu-item-8832" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8832"><a href="#">Enlces de Inter&eacute;s</a></li>
                    </ul>
                </li>
                <li id="menu-item-8806" class="menu-item-last menu-item menu-item-type-post_type menu-item-object-page menu-item-8806"><a href="#" onclick="return false;">Indice de Calidad</a>
                    <ul class="sub-menu">
                        <li id="menu-item-8831" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8831"><a href="#">Concepto INCA</a></li>
                    </ul>
                </li>
                <li id="menu-item-8806" class="menu-item-last menu-item menu-item-type-post_type menu-item-object-page menu-item-8806"><a href="#" onclick="return false;">Noticias</a>
                </li>
                <li id="menu-item-8806" class="menu-item-last menu-item menu-item-type-post_type menu-item-object-page menu-item-8806"><a href="#" onclick="return false;">Zona Educativa</a>
                    <ul class="sub-menu">
                        <li id="menu-item-8831" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8831"><a href="#">Material Educativo</a></li>
                        <li id="menu-item-8831" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8831"><a href="#">Publicaciones</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>
